﻿
.ButtonStyle
{
    background-position: left center;
    -moz-box-shadow: 0px 1px 0px 0px #f0f7fa;
    -webkit-box-shadow: 0px 1px 0px 0px #f0f7fa;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #019ad2));
    background: -moz-linear-gradient(top, #33bdef 5%, #019ad2 100%);
    background: -webkit-linear-gradient(top, #33bdef 5%, #019ad2 100%);
    background: -o-linear-gradient(top, #33bdef 5%, #019ad2 100%);
    background: -ms-linear-gradient(top, #33bdef 5%, #019ad2 100%);
    background: linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
    background-color: #33bdef;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border: 1px solid #057fd0;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: arial;
    font-size: 13px;
    font-weight: bold;
    padding: 4px 12px;
    text-decoration: none;
    cursor: pointer;
}


.ButtonDisableStyle
{
    -moz-box-shadow: 0px 1px 0px 0px #f0f7fa;
    -webkit-box-shadow: 0px 1px 0px 0px #f0f7fa;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ADE4F8), color-stop(1, #b0defd));
    background: -moz-linear-gradient(top, #ADE4F8 5%, #b0defd 100%);
    background: -webkit-linear-gradient(top, #ADE4F8 5%, #b0defd 100%);
    background: -o-linear-gradient(top, #ADE4F8 5%, #b0defd 100%);
    background: -ms-linear-gradient(top, #ADE4F8 5%, #b0defd 100%);
    background: linear-gradient(to bottom, #ADE4F8 5%, #b0defd 100%);
    background-color: #ADE4F8;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border: 1px solid #9dd6fd;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 12px;
    text-decoration: none;
    cursor: not-allowed;
}

.ButtonStyleOr
{
    -moz-box-shadow: 0px 1px 0px 0px #f0f7fa;
    -webkit-box-shadow: 0px 1px 0px 0px #f0f7fa;
    background-color: #FF9933;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border: 1px solid #E87400;
    display: inline-block;
    color: #333333;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 12px;
    text-decoration: none;
    cursor: pointer;
}




.ButtonStyleOr:hover
{
    -moz-box-shadow: 0px 1px 0px 0px #f0f7fa;
    -webkit-box-shadow: 0px 1px 0px 0px #f0f7fa;
    background-color: #FF9146;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border: 1px solid #FF6600;
    display: inline-block;
    color: #333333;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 12px;
    text-decoration: none;
    cursor: pointer;
}


.ButtonStyleGr
{
    -moz-box-shadow: 0px 1px 0px 0px #f0f7fa;
    -webkit-box-shadow: 0px 1px 0px 0px #f0f7fa;
    background-color: #00CA00;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border: 1px solid #008400;
    display: inline-block;
    color: #333333;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 12px;
    text-decoration: none;
    cursor: pointer;
}

.ButtonStyleGr:hover
{
    -moz-box-shadow: 0px 1px 0px 0px #f0f7fa;
    -webkit-box-shadow: 0px 1px 0px 0px #f0f7fa;
    background-color: #00CA00;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border: 1px solid #00AE00;
    display: inline-block;
    color: #333333;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 12px;
    text-decoration: none;
    cursor: pointer;
}

.ButtonStyleRd
{
    -moz-box-shadow: 0px 1px 0px 0px #f0f7fa;
    -webkit-box-shadow: 0px 1px 0px 0px #f0f7fa;
    background-color: #ff3300;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border: 1px solid #ff0000;
    display: inline-block;
    color: #ffffff;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 12px;
    text-decoration: none;
    cursor: pointer;
}

.ButtonStyleRd:hover
{
    -moz-box-shadow: 0px 1px 0px 0px #f0f7fa;
    -webkit-box-shadow: 0px 1px 0px 0px #f0f7fa;
    background-color: #ff3300;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border: 1px solid #ff0000;
    display: inline-block;
    color: #ffffff;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 12px;
    text-decoration: none;
    cursor: pointer;
}


.ButtonDisableStyleOr
{
    -moz-box-shadow: 0px 1px 0px 0px #f0f7fa;
    -webkit-box-shadow: 0px 1px 0px 0px #f0f7fa;
    background-color: #FFB888;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border: 1px solid #FF9853;
    display: inline-block;
    cursor: pointer;
    color: #858585;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 12px;
    text-decoration: none;
    cursor: not-allowed;
}


/* ModalPopup Style for Section */

.modalBackground
{
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
}
.modalPopup
{
    background-color: #FFFFFF;
    width: 600px;
    border: 3px solid #0DA9D0;
    border-radius: 12px;
    padding: 0;
}

.modalPopup .header
{
    background-color: #2FBDF1;
    height: 30px;
    color: White;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    font-size: medium;
}
.modalPopup .body
{
    min-height: 50px;
    line-height: 20px;
    text-align: center;
    font-weight: bold;
}
.modalPopup .footer
{
    padding: 6px;
}
.modalPopup .yes, .modalPopup .no
{
    height: 23px;
    color: White;
    line-height: 23px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    border-radius: 4px;
}
.modalPopup .yes
{
    background-color: #2FBDF1;
    border: 1px solid #0DA9D0;
}
.modalPopup .no
{
    background-color: #9F9F9F;
    border: 1px solid #5C5C5C;
}


.modalBackgroundAn
{
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
}
.modalPopupAn
{
    background-color: #FFFFFF;
    width: 600px;
    border: 3px solid #6C9FFF;
    border-radius: 12px;
    padding: 0;
}

.modalPopupAn .header
{
    background-color: #82ADFF;
    height: 30px;
    color: White;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    font-size: medium;
}
.modalPopupAn .body
{
    min-height: 50px;
    line-height: 20px;
    text-align: center;
    font-weight: bold;
}
.modalPopupAn .footer
{
    padding: 6px;
}
.modalPopupAn .yes, .modalPopup .no
{
    height: 23px;
    color: White;
    line-height: 23px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    border-radius: 4px;
}
.modalPopupAn .yes
{
    background-color: #82ADFF;
    border: 1px solid #6C9FFF;
}
.modalPopupAn .no
{
    background-color: #9F9F9F;
    border: 1px solid #5C5C5C;
}
